const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  lintOnSave: false,
  devServer: {
    port: 1717
  },
  css: {
    loaderOptions: {
      less: {
        // 若 less-loader 版本小于 6.0，请移除 lessOptions 这一级，直接配置选项。
        lessOptions: {
          modifyVars: {
            // 直接覆盖变量
            blue: '#1cb676',
            'nav-bar-background-color': '#1cb676',
            'nav-bar-icon-color': '#fff',
            'nav-bar-title-font-size': '18px',
            'nav-bar-title-text-color': '#fff',
            'field-text-area-min-height': '24px',
            'index-anchor-text-color': '#acacac',
            'index-anchor-font-size': '14px'
          }
        }
      }
    }
  },
  // -----------------------------------------------------------
  configureWebpack: config => {
    // 配置断点调试，实际上线时，可删除
    config.output.devtoolModuleFilenameTemplate = info => {
      const resPath = info.resourcePath
      return `webpack://${resPath}`
    }
  }
  // -----------------------------------------------------------
})
